<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:s="http://jboss.com/products/seam/taglib"
                template="template.xhtml">
    
    <!-- content -->
    <ui:define name="content">        
        <div class="section">
            <h:form id="main">
                
                <span class="errors">
                    <h:messages id="messages" globalOnly="true"/>
                </span>
                
                <h1>Search Hotels</h1>
                <fieldset> 
                    <h:inputText id="searchString" value="#{hotelSearch.searchString}" style="width: 165px;" />
                    &#160;
                    <h:commandButton id="findHotels" value="Find Hotels" action="#{hotelSearch.find}" />
                    &#160;

                    <br/>
                    <h:outputLabel for="pageSize">Maximum results:</h:outputLabel>&#160;
                    <h:selectOneMenu value="#{hotelSearch.pageSize}" id="pageSize">
                        <f:selectItem itemLabel="5" itemValue="5"/>
                        <f:selectItem itemLabel="10" itemValue="10"/>
                        <f:selectItem itemLabel="20" itemValue="20"/>
                    </h:selectOneMenu>
                </fieldset>
                
            </h:form>
        </div>


        <div class="section">
            <h:outputText id="NoHotelsFoundMessage" value="No Hotels Found" rendered="#{hotels != null and hotels.rowCount==0}"/>
            <h:dataTable id="hotels" value="#{hotels}" var="hot" rendered="#{hotels.rowCount>0}">
                <h:column>
                    <f:facet name="header">Name</f:facet>
                    #{hot.name}
                </h:column>
                <h:column>
                    <f:facet name="header">Address</f:facet>
                    #{hot.address}
                </h:column>
                <h:column>
                    <f:facet name="header">City, State</f:facet>
                    #{hot.city}, #{hot.state}, #{hot.country}
                </h:column> 
                <h:column>
                    <f:facet name="header">Zip</f:facet>
                    #{hot.zip}
                </h:column>
                <h:column>
                    <f:facet name="header">Action</f:facet>
                    <s:link id="viewHotel" value="View Hotel" action="#{hotelBooking.selectHotel(hot)}"/>
                </h:column>
            </h:dataTable>
            <s:link id="MoreResultsLink" value="More results" action="#{hotelSearch.nextPage}" rendered="#{hotelSearch.nextPageAvailable}"/>
        </div>
        
        <div class="section">
            <h1>Current Hotel Bookings:</h1>
        </div>
        <div class="section">
            <h:form id="bookings">
                <h:outputText value="No Bookings Found" rendered="#{bookings.rowCount==0}"/>
                <h:dataTable id="bookings" value="#{bookings}" var="book" rendered="#{bookings.rowCount>0}">
                    <h:column>
                        <f:facet name="header">Name</f:facet>
                        #{book.hotel.name}
                    </h:column>
                    <h:column>
                        <f:facet name="header">Address</f:facet>
                        #{book.hotel.address}
                    </h:column>
                    <h:column>
                        <f:facet name="header">City, State</f:facet>
                        #{book.hotel.city}, #{book.hotel.state}
                    </h:column>
                    <h:column>
                        <f:facet name="header">Check in date</f:facet>
                        <h:outputText value="#{book.checkinDate}"/>
                    </h:column>
                    <h:column>
                        <f:facet name="header">Check out date</f:facet>
                        <h:outputText value="#{book.checkoutDate}"/>
                    </h:column>
                    <h:column>
                        <f:facet name="header">Confirmation number</f:facet>
                        #{book.id}
                    </h:column>
                    <h:column>
                        <f:facet name="header">Action</f:facet>
                        <h:commandLink id="cancel" value="Cancel" action="#{bookingList.cancel}"/>
                    </h:column>
                </h:dataTable>
            </h:form>
        </div>
        
    </ui:define>

    <ui:define name="sidebar" /> 


</ui:composition>
